<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
  /***
   * 委托模式：多个对象接受并处理同一请求，他们将请求委托给另一个对象处理请求
   * 将子元素的事件委托给父元素，然后通过事件冒泡传递到父元素，
   * 然后判断事件源的特性来执行某一业务逻辑，果然更高明一些
   *
   * 应用场景：
   * 1、子元素拥有者相同的事件，可以将事件提取到父元素里
   * 2、要给未出现的子元素绑定事件，可以先把事件绑定到父元素里
   ***/
</script>
</body>
</html>
